.textarea {
    display: flex;
    position: relative;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0 24px;
    width: 100%;
    background: #f7f8fa;
    font-size: 32px;
}

.custom_textarea {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.placeholder {
    width: 100%;
    line-height: var(--font-height-single-32, 44px);
    font-size: var(--font-size-32, 32px);
    color: var(--c-gray-04, #b8bcc6);
}

.disabled {
    background-color: #f7f8fa;
}

.textarea-inner {
    display: block;
    overflow-y: hidden;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    min-width: 0;
    outline: none;
    background-color: transparent;
    resize: none;
    line-height: var(--font-height-single-32, 44px);
    text-align: start;
    font-size: var(--font-size-32, 32px);
    color: #1a1a1a;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    caret-color: #1a1a1a;
}

.textarea-inner::-webkit-scrollbar {
    display: none; /* 隐藏WebKit内核浏览器滚动条 */
    width: 0;
}

.limit {
    cursor: not-allowed;
}
